<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
    <title>沪佳首页</title>
    <link rel="stylesheet" href="/hujia2/hujia/Public/home/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="/hujia2/hujia/Public/home/css/lrtk.css" media="all">
    <link rel="stylesheet" type="text/css" href="/hujia2/hujia/Public/home/css/mtk.css" media="all">
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/jquery-1.11.3.min.js"></script> <!--banner-->
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/jquery.SuperSlide.2.1.1.js"></script><!--banner-->
    <script src="/hujia2/hujia/Public/home/js/pic_tab.js"></script>
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/bootstrap.js"></script>

    <script src="/hujia2/hujia/Public/home/js/jQuery-jcLightBox.js"></script><!--图片点击放大-->
    <script language="javascript" type="text/javascript"><!--图片输出-->
    jQuery(document).ready(function ($) {

        $("#demo1").jcLightBox();

        $("#demo2").jcLightBox({
            speed: 100,
            listSpeed: 200,
            setLood: {
                path: "img/loading.gif",
                width: 32,
                height: 32
            },
            setModal: {
                bgColor: "#000",
                opacity: .6
            },
            state: "fade"
        });
    });
    </script>
</head>
<body>
<div class="top_bj">
    <div class="top">
        <div class="top_tel"><img src="/hujia2/hujia/Public/home/img/index11-08_02.jpg" width="528" height="91"><a href="#"><img
                src="/hujia2/hujia/Public/home/img/logo1.gif" width="245" height="91"></a></div>

        <div class="top_text"><img src="/hujia2/hujia/Public/home/img/index11-08_05.jpg" width="379" height="91"></div>

        <ul class="nav1">
            <li class="present">
                <a href="">首页</a>

            </li>
            <li><a href="<?php echo U('Zxbj/index');?>">装修报价</a>

            </li>
            <li><a href="<?php echo U('Dy/index');?>">到店预约</a>
                <ul class="sub-nav1">
                    <li><a href="<?php echo U('Dy/mh');?>">闵行店</a></li>
                    <li><a href="<?php echo U('Dy/ja');?>">静安店</a></li>
                    <li><a href="<?php echo U('Dy/pd');?>">浦东店</a></li>
                </ul>
            </li>

            <li><a href="">热门套餐</a>
                <ul class="sub-nav1">
                    <li><a href="">豪华套餐</a></li>
                    <li><a href="">别墅套餐</a></li>
                </ul>
            </li>
        </ul>
        <div class="logo"><a href="#"><img src="/hujia2/hujia/Public/home/img/logo2.gif" width="245" height="47"></a></div>
        <ul class="nav1">
            <li><a href="<?php echo U('Designer/index');?>">设计师</a>

            </li>
            <li><li><a href="<?php echo U('ThreeD/index');?>">3D展厅</a>
                <ul class="sub-nav1">
                    <li><a href="">现代风格</a></li>
                    <li><a href="">欧式风格</a></li>
                    <li><a href="">地中海</a></li>
                    <li><a href="">新中式</a></li>

                </ul>
            </li>
            <li><a href="<?php echo U('Sunfund/index');?>">阳光基金</a>

            </li>

            <li><a href="<?php echo U('About/index');?>">关于沪佳</a>
                <ul class="sub-nav1">
                    <li><a href="<?php echo U('About/index');?>">公司简介</a></li>
                    <li><a href="<?php echo U('About/cultrue');?>">企业文化</a></li>
                    <li><a href="<?php echo U('About/honor');?>">荣誉资质</a></li>
                    <li><a href="<?php echo U('About/news');?>">公司动态</a></li>
                    <li><a href="<?php echo U('About/classroon');?>">装修课堂</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="kubj">
    <div class="kubj1">

        <div class="kubj2"><input name="input2" type="text" size="28" placeholder="请输入您的姓名" onfocus="this.value=''"
                                  class="kubj3 js-name" style="outline: none;"/></div>
        <div class="kubj2"><input name="input2" type="text" size="28"  maxlength="7" placeholder="请输入您的房屋面积(m2)" onfocus="this.value=''"
                                  class="kubj3 js-place" style="outline: none;"/></div>
        <div class="xz">
            <li class="present" value="10" >
                新房&nbsp;&nbsp;√
            </li>
            <li class="" value="30">
                老房
            </li>
        </div>

        <div class="kubj2"><input name="input2" type="text" size="28"  maxlength="11" placeholder="请输入您的手机号码"
                                  class="kubj3 js-mobile" style="outline: none;"/></div>
        <div class="kubj4"><input name="input2" type="text" size="10" placeholder="请输入验证码"
                                  class="kubj5 js-yzm" style="outline: none;"/>
        </div>
        <div class="js-yzm1"><img src="/hujia2/hujia/Public/home/img/yzm.png" width="90" height="35" style="float:right"></div>
        <a class="js-fast"><img src="/hujia2/hujia/Public/home/img/ksan.gif" width="218" height="36"></a></div>

    <script>
        var jqr=jQuery.noConflict();

        jqr('.xz li:first').click(function () {
            jqr('.xz li:first').attr('class','present').html('新房&nbsp;&nbsp;√');
            jqr('.xz li:last').attr('class','').html('老房');
        });
        jqr('.xz li:last').click(function () {
            jqr('.xz li:last').attr('class','present').html('老房&nbsp;&nbsp;√');
            jqr('.xz li:first').attr('class','').html('新房');
        });

        //获取验证码
        jqr('.js-yzm1').click(function(){
            var name= Trim(jqr('.js-name').val());
            if(name.length == 0){
                alert('请输入你的姓名');
                return false;
            }
            var place= Trim(jqr('.js-place').val());
            var place1 =/^\d{1,7}$/;
            if(place.length == 0){
                alert('请输入您的房屋面积');
                return false;
            }
            if(!place1.test(place)){
                alert('面积有误！');
                return false;
            }
            if(Trim(jqr('.xz .present').val())== 10){
                var status = 10;
            }else if(Trim(jqr('.xz .present').val()) == 30){
                var status = 30;
            }
            var mobile= Trim(jqr('.js-mobile').val());
            var phone=/^1[3|4|5|8|7][0-9]\d{8}$/;
            if(mobile.length=0){
                alert('号码不能为空');
                return false;
            }
            if(!phone.test(mobile)) {
                alert('号码有误！');
                return false;
            }
            jqr.ajax({
                type: "POST",
                url: "<?php echo U('Index/message');?>",
                data: {mobile:mobile},
                dataType:"html",
                success: function(data){
                    alert(data);
                }
            });

        });
         jqr('.js-fast').click(function(){
             var name= Trim(jqr('.js-name').val());
             if(name.length == 0){
                 alert('请输入你的姓名');
                 return false;
             }
             var place= Trim(jqr('.js-place').val());
             var place1 =/^\d{1,7}$/;
             if(place.length == 0){
                 alert('请输入您的房屋面积');
                 return false;
             }
             if(!place1.test(place)){
                 alert('面积有误！');
                 return false;
             }
             if(Trim(jqr('.xz .present').val())== 10){
                 var status = 10;
             }else if(Trim(jqr('.xz .present').val()) == 30){
                 var status = 30;
             }
             var mobile= Trim(jqr('.js-mobile').val());
             var phone=/^1[3|4|5|8|7][0-9]\d{8}$/;
             if(mobile.length=0){
                 alert('号码不能为空');
                 return false;
             }
             if(!phone.test(mobile)) {
                 alert('号码有误！');
                 return false;
             }


             var number = Trim(jqr('.js-yzm').val());
             if(number == ''){
                 alert('请输入验证码');
                 return false;
             }
             jqr.ajax({
                 type: "POST",
                 url: "<?php echo U('Index/confirm');?>",
                 data: {
                     name:name,
                     place:place,
                     status:status,
                     number:number,
                     mobile:mobile
                 },
                 dataType:"html",
                 success: function(data){
                     if(data == 1){
                         $('#myModal1').modal('toggle');
                     }else{
                        alert(data);
                     }
                 }
             });
        });
        function Trim(str) {
            return (str + '').replace(/(\s+)$/g, '').replace(/^\s+/g, '');
        }
    </script>

</div>
</div>

<div class="banner">
    <div class="bd">
        <ul>
            <?php if(is_array($arrPhoto)): foreach($arrPhoto as $key=>$val): ?><li style="background: url(/hujia2/hujia/Public/upload/<?php echo ($val['pic']); ?>) center no-repeat;"></li><?php endforeach; endif; ?>
        </ul>
    </div>
    <div class="hd">
        <ul>
            <li></li>
            <li></li>
            <li></li>

        </ul>
    </div>
    <div class="hd-bg"></div>
</div>


<div class="index_tj"></div>
<div class="index_yz">
    <div class="index_yz1">
        <div class="index_yz2">上海&nbsp;&nbsp;<span style="font-size:38px">5804</span>&nbsp;&nbsp;位业主推荐沪佳工厂店</div>
        <div class="Exhibitor">
            <div class="hl_main5_content">
                <div class="hl_scrool_leftbtn"></div>
                <div class="hl_scrool_rightbtn"></div>
                <div class="hl_main5_content1">
                    <ul id="demo2" class="demoList">
                        <?php if(is_array($arrPhoto1)): foreach($arrPhoto1 as $key=>$val): ?><li><a rel="/hujia2/hujia/Public/upload/<?php echo ($val['pic']); ?>" width="500" height="343" group="group1"
                               title="<?php echo ($val['name']); ?>"><img src="/hujia2/hujia/Public/upload/<?php echo ($val['pic']); ?>"/></a></li><?php endforeach; endif; ?>
                    </ul>
                </div>
            </div>
        </div>


    </div>
</div>

<div class="index_fw">
    <div class="index_fw1">
        <div class="index_fw2">
            <div class="index_fw3">
                <br/>
                <span style="font-size:22px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase">Service  Process</span>
                <br/>
                <span style="font-size:30px; color:#fff;  ">服务流程</span>
                <br/>
                <span style="font-size:14px; color:#9c9c9c;  ">让我们的服务来定制您独一无二的家</span>

            </div>

            <div class="index1">
                <div class="index2">

                    <div class="index3">
                        <ul>
                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_32.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_32.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">01</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">在线预约</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">Online Reservations </span></li>

                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_34.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_34.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">02</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">到店体验</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">To shop experience</span></li>

                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_36.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_36.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">03</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">签订合同</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">Communication scheme</span></li>

                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_38.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_38.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">04</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">量房设计</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">design</span></li>

                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_40.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_40.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">05</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">材料选样</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">Material selection</span></li>

                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_42.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_42.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">06</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">开工大吉</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">Started down</span></li>

                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_44.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_44.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">07</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">联合验收</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">Joint acceptance</span></li>

                            <li><img class="showing" src="/hujia2/hujia/Public/home/img/index11-08_47.png" width="111"
                                     height="111"/>
                                <img class="hiding" src="/hujia2/hujia/Public/home/img/h-08_47.png" width="111" height="111"/>
                                <span style="font-size:28px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif; ">07</span>
                                <br/>
                                <span style="font-size:18px; color:#fff;  ">竣工入住</span>
                                <br/>
                                <span style="font-size:10px; color:#9c9c9c;  ">Completion Check-in</span></li>


                        </ul>
                    </div>

                </div>

            </div>
        </div>

    </div>

    <div class="index5">
        <div class="index6">
            <div class="index7">
                <div class="index_fw3">
                    <br/>
                    <span style="font-size:20px; color:#edb0b0; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase ">Ten out of the ordinary</span>
                    <br/>
                    <span style="font-size:30px; color:#cc1a1a; ">沪佳施工的十大与众不同</span>
                    <br/>
                    <span style="font-size:14px; color:#d95555;  ">我们的优势 &nbsp;我们的不同</span>

                </div>

            </div>

            <div class="index8">
                <div class="index9">
                    <div class="index10"><a href="#">采用沪佳专用墙地面保护材料，保证公用部位不受损坏。</a></div>
                </div>

                <div class="index9">
                    <div class="index11"><a href="#">不容许野蛮施工，对沉重墙、沉重柱、沉重梁坚决不拆除。</a></div>
                </div>

                <div class="index9">
                    <div class="index10"><a href="#">坚持顶面砖斜切，确保干燥收缩后顶面不留缝不开裂。</a></div>
                </div>

                <div class="index9">
                    <div class="index11"><a href="#">水电阶段，坚持线管平衡竖直，湿区坚持不排放线管。</a></div>
                </div>

                <div class="index9">
                    <div class="index10"><a href="#">厨卫顶面上水管上采用隔音棉保护，做静音处理，确保安静。</a></div>
                </div>

                <div class="index9">
                    <div class="index11"><a href="#">吊顶采用轻钢龙骨支撑，防火防开裂；石膏板转交采用7字型公益，防开裂。</a></div>
                </div>
                <div class="index9">
                    <div class="index10"><a href="#">厨卫地面防水采用24小时蔽水试验，确保不渗漏再砌砖。</a></div>
                </div>

                <div class="index9">
                    <div class="index11"><a href="#">水管采用直接开洞，效果美观。</a></div>
                </div>

                <div class="index9">
                    <div class="index10"><a href="#">油漆补缝采用二次补缝隔天贴绑带，确保吊顶缝道永远不裂开。</a></div>
                </div>

                <div class="index9">
                    <div class="index11"><a href="#">采用二次环保检测，确保材料环保，客户放心。</a></div>
                </div>
            </div>
            <div class=" index12">
                <div class="index_fw3">
                    <br/>
                    <span style="font-size:20px; color:#edb0b0; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase ">Completion Check-in Why choose us</span>
                    <br/>
                    <span style="font-size:30px; color:#cc1a1a; ">为什么选择 沪佳工厂店 全包装修 ?</span>
                    <br/>
                    <span style="font-size:14px; color:#d95555;  ">省时 &nbsp;省心&nbsp;  省钱</span>

                </div>
                <div class="index13"></div>
            </div>
        </div>
    </div>

    <div class="index14">
        <div class="index15">
            <div class="index16">沪佳品质 五大优势</div>
            <div class="index17">
                <ul>
                    <li><img src="/hujia2/hujia/Public/home/img/index11-08_70.png" width="173" height="64">
                        <p>豪华全包 &nbsp;立省5万</p></li>
                    <li><img src="/hujia2/hujia/Public/home/img/index11-08_72.png" width="173" height="64">
                        <p>多个5千平米材料展厅</p></li>
                    <li><img src="/hujia2/hujia/Public/home/img/index11-08_74.png" width="173" height="64">
                        <p>质量不过关 “砸”</p></li>
                    <li><img src="/hujia2/hujia/Public/home/img/index11-08_76.png" width="173" height="64">
                        <p>30个工作日安心住新家</p></li>
                    <li><img src="/hujia2/hujia/Public/home/img/index11-08_78.png" width="173" height="64">
                        <p>主材贵一万 赔一万</p></li>
                </ul>

            </div>
            <div class="index18">
                <div class="ban" id="demo1">
                    <div class="prev1" id="prev1"><img src="/hujia2/hujia/Public/home/images/index_tab_l.png" width="57"
                                                       height="85" alt=""/></div>
                    <div class="next1" id="next1"><img src="/hujia2/hujia/Public/home/images/index_tab_r.png" width="57"
                                                       height="85" alt=""/></div>
                    <div class="ban2" id="ban_pic1">

                        <ul>
                            <li><a href="javascript:;"><img src="/hujia2/hujia/Public/home/images/01.jpg" width="1142"
                                                            height="475" alt=""/></a></li>
                            <li><a href="javascript:;"><img src="/hujia2/hujia/Public/home/images/02.jpg" width="1142"
                                                            height="475" alt=""/></a></li>
                            <li><a href="javascript:;"><img src="/hujia2/hujia/Public/home/images/03.jpg" width="1142"
                                                            height="475" alt=""/></a></li>
                            <li><a href="javascript:;"><img src="/hujia2/hujia/Public/home/images/04.jpg" width="1142"
                                                            height="475" alt=""/></a></li>

                        </ul>
                    </div>
                    <div class="min_pic">

                        <div class="num clearfix" id="ban_num1">
                            <ul>
                                <li><a href="javascript:;">材料 </a></li>
                                <li><a href="javascript:;">工期 </a></li>
                                <li><a href="javascript:;">省钱</a></li>
                                <li><a href="javascript:;">规范</a></li>


                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="index19">
        <div class="index_fw3">
            <br/>
            <span style="font-size:20px; color:#edb0b0; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase ">Decoration style</span>
            <br/>
            <span style="font-size:30px; color:#cc1a1a; ">装修风格</span>
            <br/>
            <span style="font-size:14px; color:#d95555;  ">各种风格 满足您的需求</span>
        </div>
    </div>

    <div id="container">
        <div id="wrap-container" class="clearfix">
            <div class="examples_body">
                <ul class="bannerHolder">
                    <?php if(is_array($arrPhoto2)): foreach($arrPhoto2 as $key=>$val): ?><li>
                        <div class=" banner_text<?php echo ($val['id']); ?>"><p
                                style="font-size:24px; font-weight:bold; line-height:38px;font-family:" 微软雅黑""><a
                                href="#" target="_blank"><?php echo ($val['name']); ?></a></p>
                            <p style="font-size:12px; font-family:" 微软雅黑""><a href="#"
                                                                              target="_blank"><?php echo ($val['remark']); ?></a></p></div>
                        <div class="banner01">
                            <a href="#" target="_blank"><img height="251" width="288" alt="The Best Designs"
                                                             src="/hujia2/hujia/Public/upload/<?php echo ($val['pic']); ?>"/>
                            </a>

                            <div class="cornerTL"></div>
                            <div class="cornerTR"></div>
                            <div class="cornerBL"></div>
                            <div class="cornerBR"></div>
                        </div>
                    </li><?php endforeach; endif; ?>
                </ul>
                <!-- Examples body -->
            </div>
        </div>
        <!-- /COPYRIGHT -->
    </div>


    <div class="tcbj">
        <div class="tc">
            <div class="tc1">
                <div class="index_fw3">
                    <br/>
                    <span style="font-size:20px; color:#666; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase ">Select Package</span>
                    <br/>
                    <span style="font-size:30px; color:#000; ">精选套餐</span>
                    <br/>
                    <span style="font-size:14px; color:#666;  ">一站式全包套餐供您选择</span>
                </div>

            </div>
            <!-- Modal -->
            <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog" style="width:550px; margin:50px auto">
                    <div class="modal-content1">
                        <div class="modal-header1">
                            <button type="button" class="close1" data-dismiss="modal"><span
                                    aria-hidden="true">&times;</span><span class="sr-only"> </span></button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Modal -->

            <div class="tc2">
                <div class="tc3">
                    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"
                            style=" border:none; ">
                        <img src="/hujia2/hujia/Public/home/img/index11-08_103.jpg" width="173" height="48">
                    </button>
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog" style="width:738px; margin:50px auto">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span
                                            aria-hidden="true">&times;</span><span class="sr-only"> </span></button>
                                </div>
                                <div class="modal-body">
                                    <!-- 内容 -->
                                    <div class="mtk_text">在线预约豪华套餐</div>
                                    <div class="mtk_k">
                                        <span style="float:left; font-size:16px; line-height:32px; padding-right:10px">姓名</span>
                                        <div class="mtk_k2"><input name="input2" type="text" size="35" placeholder="请输入您的姓名"
                                                                   onfocus="this.value=''" class="mtk_k3 js-hname" style="outline: none;"/></div>
                                    </div>
                                    <div class="mtk_k4">
                                        <span style="float:left; font-size:16px; line-height:32px; padding-right:8px">手机号码</span>
                                        <div class="mtk_k2"><input name="input2" type="text" size="35" placeholder="请输入您的手机号码"
                                                                   onfocus="this.value=''" maxlength="11"  class="mtk_k3 js-hmobile" style="outline: none;"/></div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <div class="mtk5"> 目前帮助<span style="color:#F00; font-weight:bold"><?php echo ($count); ?></span> 位业主
                                    </div>
                                    <button style=" border:none; background-color:#FFF" class="js-myModal"><img
                                            src="/hujia2/hujia/Public/home/img/sjs.gif" width="124" height="34"></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <script>




                    jQuery('[placeholder]').focus(function () {
                        var input = jQuery(this);
                        if (input.val() == input.attr('placeholder')) {
                            input.val('');
                            input.removeClass('placeholder');
                        }
                    }).blur(function () {
                        var input = jQuery(this);
                        if (input.val() == '' || input.val() == input.attr('placeholder')) {
                            input.addClass('placeholder');
                            input.val(input.attr('placeholder'));
                        }
                    }).blur().parents('form').submit(function () {
                        jQuery(this).find('[placeholder]').each(function () {
                            var input = jQuery(this);
                            if (input.val() == input.attr('placeholder')) {
                                input.val('');
                            }
                        })
                    });




                        jQuery(document).ready(function ($) {
                            $('.js-myModal').click(function(){
                                var name = Trim($('.js-hname').val());
                                if(name == ''){
                                    alert('姓名不能为空');
                                    return false;
                                }
                                var mobile = Trim($('.js-hmobile').val());
                                if(mobile == ''){
                                    alert('手机号码不能为空');
                                    return false;
                                }
                                function testMobile(mobile){
                                   var phone=/^1[3|4|5|8|7][0-9]\d{8}$/;
                                    if(!phone.test(mobile)) {
                                        return false;
                                    }else{
                                        return true;
                                    }
                                }
                                var res=testMobile(mobile);
                                if(!res) {
                                    alert('请输入正确的号码格式');
                                    return false;
                                }
                                status=20;
                                $.ajax({
                                    type: "POST",
                                    url: "<?php echo U('Index/order');?>",
                                    data: {
                                        status:status,
                                        name:name,
                                        mobile:mobile
                                    },
                                    dataType:"json",
                                    success: function(data){
                                        if(data == 1){
                                            $('#myModal').hide();
                                            $('#myModal1').modal('toggle');
                                        }else if(data ==3){
                                           alert('您已报名');
                                        }else if(data ==2){
                                            alert('报名失败，请重新报名');
                                        }
                                    }
                                })
                            });
                        })
                    </script>
                    <span style=" color:#9e5a17; font-size:18px; margin-left:10px;"><a href="#">查看详情>></a></span></div>
                <a href="#"><img src="/hujia2/hujia/Public/home/img/index11-08_101.jpg" width="1300" height="564"></a>

            </div>

            <div class="tc4">
                <div class="tc5">
                    <span style=" color: #900; font-size:18px; margin-left:10px; line-height:68px "><a
                            href="#">查看详情>></a></span>
                    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2"
                            style=" border:none; ">
                        <img src="/hujia2/hujia/Public/home/img/index11-08_125.jpg" width="173" height="48">
                    </button>
                    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog" style="width:738px; margin:50px auto">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span
                                            aria-hidden="true">&times;</span><span class="sr-only"> </span></button>
                                </div>
                                <div class="modal-body">
                                    <!-- 内容 -->
                                    <div class="mtk_text">在线预约别墅套餐</div>
                                    <div class="mtk_k">
                                        <span style="float:left; font-size:16px; line-height:32px; padding-right:10px">姓名</span>
                                        <div class="mtk_k2"><input name="input2" type="text" size="35" placeholder="请输入您的姓名"
                                                                   onfocus="this.value=''" class="mtk_k3 js-bname" style="outline: none;"/></div>
                                    </div>
                                    <div class="mtk_k4">
                                        <span style="float:left; font-size:16px; line-height:32px; padding-right:8px">手机号码</span>
                                        <div class="mtk_k2"><input name="input2" type="text" size="35" placeholder="请输入您的手机号码"
                                                                   onfocus="this.value=''" maxlength="11" class="mtk_k3 js-bmobile" style="outline: none;"/></div>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <div class="mtk5"> 目前帮助<span style="color:#F00; font-weight:bold"><?php echo ($count); ?></span> 位业主
                                    </div>
                                    <button style=" border:none; background-color:#FFF" class="js-myModal2"><img
                                            src="/hujia2/hujia/Public/home/img/sjs.gif" width="124" height="34"></button>
                                </div>

                                <script>
                                    jQuery(document).ready(function ($) {
                                        $('.js-myModal2').click(function(){
                                            var name = Trim($('.js-bname').val());
                                            if(name == ''){
                                                alert('姓名不能为空');
                                                return false;
                                            }
                                            var mobile = Trim($('.js-bmobile').val());
                                            if(mobile == ''){
                                                alert('手机号码不能为空');
                                                return false;
                                            }
                                            function testMobile(mobile){
                                                var phone=/^1[3|4|5|8|7][0-9]\d{8}$/;
                                                if(!phone.test(mobile)) {
                                                    return false;
                                                }else{
                                                    return true;
                                                }
                                            }
                                            var res=testMobile(mobile);
                                            if(!res) {
                                                alert('请输入正确的号码格式');
                                                return false;
                                            }
                                            status=40;
                                            $.ajax({
                                                type: "POST",
                                                url: "<?php echo U('Index/order');?>",
                                                data: {
                                                    status:status,
                                                    name:name,
                                                    mobile:mobile
                                                },
                                                dataType:"json",
                                                success: function(data){
                                                    if(data == 1){
                                                        $('#myModal2').hide();
                                                        $('#myModal1').modal('toggle');
                                                    }else if(data ==3){
                                                        alert('您已报名');
                                                    }else if(data ==2){
                                                        alert('报名失败，请重新报名');
                                                    }
                                                }
                                            })
                                        });
                                    })
                                </script>
                            </div>
                        </div>
                    </div>
                    <!-- Modal -->

                </div>
                <a href="#" style=" float:right"><img src="/hujia2/hujia/Public/home/img/index11-08_102.jpg" width="1300"
                                                      height="624"></a></div>
        </div>
    </div>
    <div class="index21">
        <div class="index22">
            <div class="index22_123">
                <button type="button" data-toggle="modal" data-target="#myModal3" style=" border:none; ">
                    <img src="/hujia2/hujia/Public/home/img/index11-08_131.jpg" width="151" height="39">
                </button>
            </div>
            <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog" style="width:738px; margin:50px auto">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span
                                    aria-hidden="true">&times;</span><span class="sr-only"> </span></button>
                        </div>
                        <div class="modal-body">
                            <!-- 内容 -->
                            <div class="mtk_text">在线预约</div>
                            <div class="mtk_k">
                                <span style="float:left; font-size:16px; line-height:32px; padding-right:10px">姓名</span>
                                <div class="mtk_k2"><input name="input2" type="text" size="35" placeholder="请输入您的姓名"
                                                           onfocus="this.value=''" class="mtk_k3 js-sname" style="outline: none;"/></div>
                            </div>
                            <div class="mtk_k4">
                                <span style="float:left; font-size:16px; line-height:32px; padding-right:8px" >手机号码</span>
                                <div class="mtk_k2"><input name="input2" type="text" size="35" placeholder="请输入您的手机号码"
                                                           onfocus="this.value=''" maxlength="11"  class="mtk_k3 js-smobile" style="outline: none;"/></div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="mtk5"> 目前帮助<span style="color:#F00; font-weight:bold"> <?php echo ($count); ?></span> 位业主</div>
                            <button style=" border:none; background-color:#FFF" class="js-myModal3"><a href="#"><img
                                    src="/hujia2/hujia/Public/home/img/sjs.gif" width="124" height="34"></a></button>
                        </div>

                        <script>
                            jQuery(document).ready(function ($) {
                                $('.js-myModal3').click(function(){
                                    var name = Trim($('.js-sname').val());
                                    if(name == ''){
                                        //alert('姓名不能为空');
                                        return false;
                                    }
                                    var mobile = Trim($('.js-smobile').val());
                                    if(mobile == ''){
                                        alert('手机号码不能为空');
                                        return false;
                                    }
                                    function testMobile(mobile){
                                        var phone=/^1[3|4|5|8|7][0-9]\d{8}$/;
                                        if(!phone.test(mobile)) {
                                            return false;
                                        }else{
                                            return true;
                                        }
                                    }
                                    var res=testMobile(mobile);
                                    if(!res) {
                                        alert('请输入正确的号码格式');
                                        return false;
                                    }
                                    status=60;
                                    $.ajax({
                                        type: "POST",
                                        url: "<?php echo U('Index/order');?>",
                                        data: {
                                            status:status,
                                            name:name,
                                            mobile:mobile
                                        },
                                        dataType:"json",
                                        success: function(data){
                                            if(data == 1){
                                                $('#myModal3').hide();
                                                $('#myModal1').modal('toggle');
                                            }else if(data ==3){
                                                alert('您已报名');
                                            }else if(data ==2){
                                                alert('报名失败，请重新报名');
                                            }
                                        }
                                    })
                                });
                            })
                        </script>

                    </div>
                </div>
            </div>

            <a href="#" style=" float:right; margin-right:340px;margin-top:371px"><img
                    src="/hujia2/hujia/Public/home/img/index11-08_133.jpg" width="189" height="39"></a>
        </div>
    </div>

    <div class="index23">
        <div class="index24">
            <div class="index23_about">
                <div class="index_fw3">
                    <br/>
                    <span style="font-size:20px; color:#edb0b0; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase ">About us</span>
                    <br/>
                    <span style="font-size:30px; color:#cc1a1a; ">关于沪佳</span>
                    <br/>
                    <span style="font-size:14px; color:#d95555;  ">工厂价全包装修  一站式管家服务</span>
                </div>
            </div>
            <div class="index25">
                <div class="index26">集团介绍 |<span style="color:#900"> about us</span>

                </div>
                <a href="#"><span style="float:right; font-size:12px">+更多</span></a>
                <?php if(is_array($arrNews)): foreach($arrNews as $key=>$val): ?><div class="index27"><img src="/hujia2/hujia/Public/upload/<?php echo ($val['pic']); ?>" width="576" height="165"></div>
                <div class="index28"><?php echo ($val['abstract']); ?></div><?php endforeach; endif; ?>
            </div>
            <div class="index29">
                <div class="index26">公司动态 |<span style="color:#900"> news</span>

                </div>
                <a href="#"><span style="float:right; font-size:12px">+更多</span></a>
                <div class="index30">
                    <div class="index31">
                        <div class="index32"><?php echo ($first['day']); ?></div>
                        <div class="index33"><?php echo ($first['month']); ?></div>
                    </div>
                    <div class="index34"><a href="#"><?php echo ($first['title']); ?></a></div>
                    <div class="index35"><?php echo ($first['abstract']); ?></div>
                </div>
                <div class="index36">
                    <ul>
                        <?php if(is_array($arrNews1)): foreach($arrNews1 as $key=>$val): ?><li><a href="#"><?php echo ($val['title']); ?></a><span
                                style="float:right; color:#999; line-height:38px"><?php echo ($val['create']); ?></span></li><?php endforeach; endif; ?>
                    </ul>
                </div>
            </div>

        </div>
    </div>


    <div class="index37">
        <div class="index38">
            <div class="index26">装修课堂 |<span style="color:#900"> Decoration class</span>
            </div>
            <a href="#"><span style="float:right; font-size:12px">+更多</span></a>
            <div class="index40">

                <?php if(is_array($arrNews2)): foreach($arrNews2 as $key=>$val): ?><div class="index41"><a href="#"><img src="/hujia2/hujia/Public/upload/<?php echo ($val['pic']); ?>" width="150"
                                                      height="95"></a>
                    <div class="index42"><a href="#"><?php echo ($val['title']); ?></a></div>
                    <div class="index43"><?php echo ($val['abstract']); ?></div>
                </div><?php endforeach; endif; ?>


                <!--后面删除 -->
                <div class="index41"><a href="#"><img src="/hujia2/hujia/Public/home/img/index11-08_153.jpg" width="150"
                                                      height="95"></a>
                    <div class="index42"><a href="#">百家知名家装品牌联合响应</a></div>
                    <div class="index43">拥有独到的设计理念，固定长期合约、人心稳定的全职专业设计师133名，其中资深设计其中资深设计师200师200名!</div>

                </div>
                <div class="index41"><a href="#"><img src="/hujia2/hujia/Public/home/img/index11-08_153.jpg" width="150"
                                                      height="95"></a>
                    <div class="index42"><a href="#">百家知名家装品牌联合响应</a></div>
                    <div class="index43">拥有独到的设计理念，固定长期合约、人心稳定的全职专业设计师133名，其中资深设计其中资深设计师200师200名!</div>

                </div>
                <div class="index41"><a href="#"><img src="/hujia2/hujia/Public/home/img/index11-08_153.jpg" width="150"
                                                      height="95"></a>
                    <div class="index42"><a href="#">百家知名家装品牌联合响应</a></div>
                    <div class="index43">拥有独到的设计理念，固定长期合约、人心稳定的全职专业设计师133名，其中资深设计其中资深设计师200师200名!</div>
                </div>
                <!--后面删除 -->

            </div>

        </div>
        <div class="index44"></div>
        <div class="index45">
            <div class="index26">装修课堂 |<span style="color:#900"> Decoration class</span>
            </div>
            <?php if(is_array($arrNews3)): foreach($arrNews3 as $key=>$val): ?><div class="index46">
                <div class="index42"><a href="#"><?php echo ($val['title']); ?></a></div>
                <div class="index47"><?php echo ($val['abstract']); ?></div>
            </div><?php endforeach; endif; ?>
            <div class="index46">
                <div class="index42"><a href="#">百家知名家装品牌联合响应</a></div>
                <div class="index47">拥有独到的设计理念，固定长期合约、人心稳定的全职专业设计师133名，其中资深设计其中资深设计师200师200名!</div>
            </div>
        </div>
    </div>

    <div class="foot">
        <div class="foot1">
            <div class="fooot_logo"><a href="#"><img src="/hujia2/hujia/Public/home/img/foot_logo.jpg" width="334"
                                                     height="231"></a></div>
            <div class="foot_text"><a href="<?php echo U('Index/index');?>">首页</a> | <a href="<?php echo U('Zxbj/index');?>">装修报价</a> | <a href="<?php echo U('Dy/index');?>">预约到店</a> | <a
                    href="#">热门套餐</a> | <a href="<?php echo U('Designer/index');?>">设计师</a> | <a href="<?php echo U('ThreeD/index');?>">3D展厅</a> | <a href="<?php echo U('Sunfund/index');?>">阳光基金</a> | <a
                    href="<?php echo U('About/index');?>">关于沪佳</a>
            </div>
            <div class="foot_left">Copyright @ 2014-2016 版权所有：沪佳家装工厂店</div>
            <div class="foot_right">沪ICP备06018196号-1</div>
        </div>

    </div>
    <div class="side-btns">
        <div class="main-box">
            <ul class="side-btn">
                <li><a href=""><span class="side-btn-icon"
                                     style="background-image: url(/hujia2/hujia/Public/home/img/side-btn1.png);"></span>在线咨询</a>
                </li>
                <li><a href=""><span class="side-btn-icon"
                                     style="background-image: url(/hujia2/hujia/Public/home/img/side-btn2.png);"></span>最新活动</a>
                </li>
                <li><a href=""><span class="side-btn-icon"
                                     style="background-image: url(/hujia2/hujia/Public/home/img/side-btn3.png);"></span>线下展厅</a>
                </li>
                <li><a href=""><span class="side-btn-icon"
                                     style="background-image: url(/hujia2/hujia/Public/home/img/side-btn4.png);"></span>招贤纳士</a>
                </li>
                <li><a href="" class="qr"><i></i><span class="side-btn-icon"
                                                       style="background-image: url(/hujia2/hujia/Public/home/img/side-btn5.png);"></span>二维码</a>
                </li>
                <li><a href="" class="back-to-top">返回顶部</a></li>
            </ul>
        </div>
    </div>

    <a href="" class="fix-btn"></a>
    <div class="fix-bar" style=" margin-top:100px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000);  ">
        <div class="main-box" >
            <form action="" class="fix-bar-message">
                <label for="fix_name">请输入姓名<input type="text" id="fix_name" name="fix_name" style="outline: none;"/></label>
                <label for="fix_phone">请输入手机号码<input type="text" id="fix_phone" name="fix_phone" style="outline: none;"/></label>
                <div class="store-location-select">
                    <span class="select-item">上海</span>
                    <select id="fixedProvince" name="" onchange="return locationSelect('fixedProvince','fixedCity',true);">
                        <option value="0" selected="selected">上海</option>
                    </select>
                </div>
                <div class="store-location-select">
                    <span class="select-item">区域/市县</span>
                    <select id="fixedCity" class="select-item" name="" onchange="return locationResult('fixedProvince','fixedCity');">
                        <option selected="selected">黄浦区</option>
                        <option selected="selected">徐汇区</option>
                        <option selected="selected">长宁区</option>


                    </select>
                </div>
				<span class="fix-submit">
					提交
					<input type="submit" value="" />
				</span>
            </form>
            <a href="" class="fix-close"></a>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            jQuery(".banner").slide({mainCell: ".bd ul", autoPlay: true, trigger: "click"});

            jQuery('.sub-nav1').parent('li').hover(function () {
                $(this).children('.sub-nav1').stop().slideToggle();
            });
        });
    </script><!---->
    <!--[if IE 8]>
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/ie8-pic-box.js"></script>
    <![endif]-->
    <script src="/hujia2/hujia/Public/home/js/active.js" type="text/javascript"></script>
    <!-- 跟随 .footer 放在同一 php -->
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/location.js"></script>

    <script type="text/javascript">

        jQuery(document).ready(function ($) {


            jQuery('.index-floor').hover(function () {
                $(this).find('.slide-dot').stop().css({"right": "834px"}).animate({right: 0}, 'slow');
            }, function () {
                $(this).find('.slide-dot').stop().css({"right": "0"});
            });

            jQuery('.fix-btn').click(function () {
                $(this).fadeOut().siblings('.fix-bar').slideDown();
                return false;
            });
            jQuery('.fix-close').click(function () {
                $(this).parent().parent('.fix-bar').fadeOut().siblings('.fix-btn').fadeIn();
                return false;
            });

        });
    </script>



    <!-- 装修风格效果 -->
    <script>

        jQuery(document).ready(function ($) {

            // 0.4代表遮罩的透明度
            $('.banner01 div').css('opacity', 0.2);

            $('.banner01').hover(function () {

                var el = $(this);

                // 先淡出阴影，后淡入文字
                el.find('div').stop().animate({width: 220, height: 220}, 'slow', function () {

                    el.find('p').fadeIn('fast');
                });

            }, function () {

                var el = $(this);

                // 隐藏文字
                el.find('p').stop(true, true).hide();

                // 去掉遮罩
                el.find('div').stop().animate({width: 60, height: 60}, 'fast');

            }).click(function () {

                // 点击图片时打开链接

                window.open($(this).find('a').attr('href'));

            });
        });
    </script>
    <!-- 代码 结束 -->

    <!-- 首页品质优势轮播图（优劣对比） -->
    <script type="text/javascript">
        jq('#demo1').banqh({
            box: "#demo1",//总框架
            pic: "#ban_pic1",//大图框架
            pnum: "#ban_num1",//小图框架
            prev_btn: "#prev_btn1",//小图左箭头
            next_btn: "#next_btn1",//小图右箭头
            pop_prev: "#prev2",//弹出框左箭头
            pop_next: "#next2",//弹出框右箭头
            prev: "#prev1",//大图左箭头
            next: "#next1",//大图右箭头
            pop_div: "#demo2",//弹出框框架
            pop_pic: "#ban_pic2",//弹出框图片框架
            pop_xx: ".pop_up_xx",//关闭弹出框按钮
            mhc: ".mhc",//朦灰层
            autoplay: true,//是否自动播放
            interTime: 1500,//图片自动切换间隔
            delayTime: 400,//切换一张图片时间
            pop_delayTime: 400,//弹出框切换一张图片时间
            order: 0,//当前显示的图片（从0开始）
            picdire: true,//大图滚动方向（true为水平方向滚动）
            mindire: true,//小图滚动方向（true为水平方向滚动）
            min_picnum: 5,//小图显示数量
            pop_up: true//大图是否有弹出框
        })
    </script>
    <!-- 代码end -->


    <script type="text/javascript"> <!--图片滚动-->
    jQuery(document).ready(function ($) {
        var flag = "left";

        function DY_scroll(wraper, prev, next, img, imga, speed, or) {
            var wraper = $(wraper);
            var prev = $(prev);
            var next = $(next);
            var img = $(img).find('ul');
            var imga = $(imga).find('ul li');
            var w = img.find('li').outerWidth(true);
            var s = speed;
            next.click(function () {
                img.animate({'margin-left': -w}/*,1500,'easeOutBounce'*/, function () {
                    img.find('li').eq(0).appendTo(img);
                    img.css({'margin-left': 0});
                });
                flag = "left";
            });
            prev.click(function () {
                img.find('li:last').prependTo(img);
                img.css({'margin-left': -w});
                img.animate({'margin-left': 0}/*,1500,'easeOutBounce'*/);
                flag = "right";
            });
            if (imga.length > 4) {
                if (or == true) {
                    ad = setInterval(function () {
                        flag == "left" ? next.click() : prev.click()
                    }, s * 1000);
                    wraper.hover(function () {
                        clearInterval(ad);
                    }, function () {
                        ad = setInterval(function () {
                            flag == "left" ? next.click() : prev.click()
                        }, s * 1000);
                    });
                }
            }

        }

        DY_scroll('.hl_main5_content', '.hl_scrool_leftbtn', '.hl_scrool_rightbtn', '.hl_main5_content1', '.hl_main5_content1', 1, true);// true为自动播放，不加此参数或false就默认不自动
    });
    </script>
    <!--以上是业主图片滚动 结束-->
</body>
</html>